.set-grid{
    width: 240px;

   .set-header{
       color: #c8c8c8;
        text-align: center;
        background: #eee;
     
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        box-sizing: border-box;
   } 

   .set-body {
    background: rgba(239, 239, 239, 0.3);
       ul {
           li {
               width: 50%;

               a {
                   border: .5px solid #eee;
                   display: block;
                   height: 178px;
                    box-sizing: border-box;

                   &.set-item-olc{
                       background: url(../../assets/images/icons/setting_olc.png) no-repeat center;
                       &.active, &:hover{
                        background: url(../../assets/images/icons/setting_olc_active.png) no-repeat center;
                    }
                   }

                   &.set-item-testing{
                    background: url(../../assets/images/icons/setting_testing.png) no-repeat center;
                    &.active, &:hover{
                        background: url(../../assets/images/icons/setting_testing_active.png) no-repeat center;
                    }
                   }
                   &.set-item-theme{
                    background: url(../../assets/images/icons/setting_theme.png) no-repeat center;
                    &.active, &:hover{
                        background: url(../../assets/images/icons/setting_theme_active.png) no-repeat center;
                    }
                   }
                   &.set-item-voice{
                    background: url(../../assets/images/icons/setting_voice.png) no-repeat center;
                    &.active, &:hover{
                        background-image: url(../../assets/images/icons/setting_voice_active.png);
                    }
                   }
                   &.set-item-help{
                    background: url(../../assets/images/icons/setting_help.png) no-repeat center;
                    &.active, &:hover{
                        background-image: url(../../assets/images/icons/setting_help_active.png)
                    }
                   }
                   &.set-item-exit{
                    background: url(../../assets/images/icons/setting_exit.png) no-repeat center;
                    &.active, &:hover{
                        background-image: url(../../assets/images/icons/setting_exit_active.png)
                    }
                   }
               }
           }
       }
   }
}

.set-main{
  flex: 1;
}
